@import 'prism-theme-vars/base.css';

.prose {
  --prism-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica,
  Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

.prose pre {
  font-weight: 500;
  font-size: 1rem;
}

html:not(.dark) {
  --prism-foreground: #393A34;
  --prism-background: #F8F8F8;

  --prism-comment: #868E96;
  --prism-namespace: #444;
  --prism-string: #BC8671;
  --prism-punctuation: #80817D;
  --prism-literal: #36ACAA;
  --prism-keyword: #D73A49;
  --prism-function: #0C4C7D;
  --prism-deleted: #9A050F;
  --prism-class: #2B91AF;
  --prism-builtin: #800000;
  --prism-property: #CE9178;
  --prism-regex: #AD502B;
}

html.dark {
  --prism-foreground: #D4D4D4;
  --prism-background: #1E1E1E;

  --prism-namespace: #AAA;
  --prism-comment: #868E96;
  --prism-namespace: #444;
  --prism-string: #CE9178;
  --prism-punctuation: #D4D4D4;
  --prism-literal: #36ACAA;
  --prism-keyword: #0CA678;
  --prism-function: #DCDCAA;
  --prism-deleted: #9A050F;
  --prism-class: #4EC9B0;
  --prism-builtin: #D16969;
  --prism-property: #CE9178;
  --prism-regex: #AD502B;
}

ol {
  padding-left: 15px;
}

.prose blockquote p:first-of-type::before {
  content: none;
}

.prose pre {
  color: #495057;
  background: #F8F9FA;
}

.prose-sm p {
  font-weight: 500;
}

.prose blockquote {
  margin: 0;
  font-style: normal;
}

html.dark .prose blockquote {
  color: white;
}

html.dark .prose pre {
  color: #F8F9FA;
  background: #495057;
}

.token.comment {
  font-style: normal;
  font-size: 0.5rem;
}
